<template>
  <div class="reportFormPage">
    <topOperation/>
    <div id="domid">
      <el-row>
        <el-col :span="5" :offset="19">
          <div class="pageNumBox">第 1 页，共 1 页</div>
        </el-col>
      </el-row>
      <div class="topTwoBox">
        <div class="centerName">水泥混凝土抗压强度试验检测报告(立方体)</div>
        <div class="codeText">BGLQ05002F</div>
      </div>
      <div class="threeTopBox">
        <div class="threeItem1">检测单位名称：</div>
        <div class="threeItem2">
          山东路桥集团试验检测中心有限公司泰安高速公路施工总承包项目工地试验室
        </div>
        <div class="threeItem3">
          记录编号：JL-JGT-LJ5-050-1
        </div>
      </div>
      <!-- .........................1111111111111111111111111111111......................................................... -->
      <table border="1" height="110px" bordercolor="#000000" cellpadding="2" cellspacing="0" align="center">
        <tbody>
        <tr>
          <td height="25" align="center" width="15%"><span style="width:90px;display:inline-block">施工/委托单位</span></td>
          <td width="35%" bgcolor="#ffffff"><span title="山西路桥建设集团有限公司汾石高速公路施工总承包项目部LJ3分部"
                                                  style="border-width:0px;width:100%;text-align:left;">山西路桥建设集团有限公司汾石高速公路施工总承包项目部LJ3分部</span>
          </td>
          <td align="center" width="15%"><span style="width:90px;display:inline-block">工程名称</span></td>
          <td bgcolor="#ffffff" width="35%"><span>汾阳至石楼高速公路</span></td>
        </tr>
        <tr>
          <td height="25" align="center">工程部位/用途</td>
          <td style="word-wrap: break-word; word-break :break-all;" colspan="3" bgcolor="#ffffff">
            <el-input type="text" v-model="oneTableData.a"
                      style="border-width:0px;height:100%;width:100%;text-align:left;"/>
          </td>
        </tr>
        <tr>
          <td height="25" align="center">样品信息</td>
          <td style="word-wrap: break-word; word-break :break-all;" bgcolor="#ffffff" colspan="3">
            <div style="width:100%;background-color:white;">样品名称：素土
              样品编号：YP-202203-TJJ-LJ3-001 样品状态：黄(褐)色、无杂质、潮湿
            </div>
          </td>
        </tr>
        <tr>
          <td height="25" align="center">检测依据</td>
          <td bgcolor="#ffffff">
            <div style="width:218px;background-color:white;word-wrap: break-word; word-break :break-all;">JTG
              3430-2020
            </div>
          </td>
          <td align="center">判定依据</td>
          <td bgcolor="#ffffff">
            <el-input type="text" v-model="oneTableData.b"
                      style="border-width:0px;height:100%;width:100%;text-align:left;"/>
          </td>
        </tr>
        <tr>
          <td height="30" align="center">主要仪器设备<br>名称及编号</td>
          <td colspan="3" bgcolor="#ffffff">
            <div style="width:100%;background-color:white;">
              多功能电动击实仪(FSZB-TG-03),电动液压脱模器(FSZB-TG-09),电热鼓风干燥箱(FSZB-TG-07),电子天平(FSZB-TG-15),电子天平(FSZB-TG-14)
            </div>
          </td>
        </tr>
        <tr>
          <td align="center" height="24px"
              style="border-top:2px solid black;border-right:1px solid black;border-bottom:1px solid black;">取样日期
          </td>
          <td bgcolor="white"
              style="border-top:2px solid black;border-right:1px solid black;border-bottom:1px solid black;">
            <el-input type="text" style="text-align:left;width:100%;height:15px;" v-model="oneTableData.c"/>
          </td>
          <td align="center" height="24px"
              style="border-top:2px solid black;border-right:1px solid black;border-bottom:1px solid black;">取样位置
          </td>
          <td bgcolor="white"
              style="border-top:2px solid black;border-right:1px solid black;border-bottom:1px solid black;">
            <el-input type="text" style="text-align:left;width:100%;height:15px;" v-model="oneTableData.d"/>
          </td>
        </tr>
        <tr>
          <td align="center" height="24px" style="border-bottom:0px solid black;border-right:1px solid black;">代表数量
          </td>
          <td bgcolor="white" style="border-bottom:0px solid black;border-right:1px solid black;" colspan="3">
            <el-input type="text" style="text-align:left;width:100%;height:15px;" v-model="oneTableData.e"/>
          </td>
        </tr>
        </tbody>
      </table>
      <!-- .................................22222222222222222222222222222222............................................... -->
      <table cellpadding="1" cellspacing="0" bordercolor="#000000"
             style="border-right: 2px solid black; border-top: none; border-left: 2px solid black; border-bottom: 2px solid black; border-collapse: collapse;  height: 616px; text-align: center;"
             align="center" border="1" tbindex="0">
        <tbody>
        <tr trindex="0">
          <td width="12.5%" height="30">试样最大粒径(mm)</td>
          <td width="12.5%">
            <el-input type="text" style="width: 100%; text-align: center" tabindex="200" size="33"
                      v-model="twoTableData.a1" :readonly="readonly"/>
          </td>
          <td width="12.5%">试验方法</td>
          <td width="12.5%">
            <el-input type="text" style="width: 100%; text-align: center" tabindex="200" size="3"
                      v-model="twoTableData.a2" :readonly="readonly"/>
          </td>
          <td width="12.5%">试筒容积(<span lang="en-us">cm³</span>)</td>
          <td width="12.5%">
            <el-input type="text" style="width: 100%; text-align: center" tabindex="200" size="3"
                      v-model="twoTableData.a3" :readonly="readonly"/>
          </td>
          <td width="12.5%">锤质量(kg)</td>
          <td width="12.5%">
            <el-input type="text" style="width: 100%; text-align: center" tabindex="200" size="3"
                      v-model="twoTableData.a4" :readonly="readonly"/>
          </td>
        </tr>
        <tr trindex="1">
          <td colspan="2" rowspan="2"><span lang="zh-cn">试样中大于</span>
            <el-input type="text" style="width: 50px; text-align: center" tabindex="200" size="3"
                      v-model="twoTableData.a5" :readonly="readonly"/>
            mm<span lang="zh-cn">颗粒</span>
          </td>
          <td colspan="2" height="30">含量p(%)</td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" tabindex="200" size="2"
                      v-model="twoTableData.a6" :readonly="readonly"/>
          </td>
          <td colspan="2">吸水量ωa(%)</td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" tabindex="200" size="2"
                      v-model="twoTableData.a7" :readonly="readonly"/>
          </td>
        </tr>
        <tr trindex="2">
          <td colspan="2" height="30">毛体积相对密度Ga(<span lang="en-us">g/cm³</span>)</td>
          <td colspan="4">
            <el-input type="text" style="width: 100%; text-align: center" tabindex="200" size="1"
                      v-model="twoTableData.a8" :readonly="readonly"/>
          </td>
        </tr>
        <tr trindex="3">
          <td rowspan="2">击实1</td>
          <td>含水率(%)</td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a9"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a10"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a11"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a12"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a13"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a14"
                      :readonly="readonly"/>
          </td>
        </tr>
        <tr trindex="4">
          <td>干密度(g/cm³)</td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a15"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a16"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a17"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a18"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a19"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a20"
                      :readonly="readonly"/>
          </td>
        </tr>
        <tr trindex="5">
          <td rowspan="2">击实2</td>
          <td>含水率(%)</td>
          <td tdindex="0">
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a21"
                      :readonly="readonly"/>
          </td>
          <td tdindex="2">
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a22"
                      :readonly="readonly"/>
          </td>
          <td tdindex="2">
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a23"
                      :readonly="readonly"/>
          </td>
          <td tdindex="3">
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a24"
                      :readonly="readonly"/>
          </td>
          <td tdindex="4">
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a25"
                      :readonly="readonly"/>
          </td>
          <td tdindex="5">
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a26"
                      :readonly="readonly"/>
          </td>
        </tr>
        <tr trindex="6">
          <td>干密度(g/cm³)</td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a27"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a28"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a29"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a30"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a31"
                      :readonly="readonly"/>
          </td>
          <td>
            <el-input type="text" style="width: 100%; text-align: center" v-model="twoTableData.a32"
                      :readonly="readonly"/>
          </td>
        </tr>
        <tr trindex="7">
          <td colspan="2">最佳含水率(%)</td>
          <td valign="middle" align="center" colspan="2">
            <el-input type="text" style="width: 100%" size="13" v-model="twoTableData.a33" :readonly="readonly"/>
          </td>
          <td colspan="2">最大干密度(<span lang="en-us">g/cm³</span>)</td>
          <td colspan="2">
            <el-input type="text" style="width: 100%" size="13" v-model="twoTableData.a34" :readonly="readonly"/>
          </td>
        </tr>
        <tr style="display: none">
          <td colspan="2">
            <el-input type="text" style="width: 100%;" v-model="twoTableData.a35"/>
          </td>
          <td colspan="2">
            <el-input type="text" style="width: 100%;" v-model="twoTableData.a36"/>
          </td>
          <td colspan="2">
            <el-input type="text" style="width: 100%;" v-model="twoTableData.a37"/>
          </td>
          <td colspan="2">
            <el-input type="text" style="width: 100%;" v-model="twoTableData.a38"/>
          </td>
        </tr>
        <tr>
          <td colspan="8" height="180" align="left">
            <table cellspacing="0" cellpadding="0" width="100%" border="0"
                   style="border-collapse: collapse; height: 100%; border: none;">
              <tbody>
              <tr>
                <td align="center" style="border: none; height:150px" selecty="0" selectx="0">
                  <div id="ChartBox"
                       style="height: 100%; width: 320px; margin: auto; -webkit-tap-highlight-color: transparent; user-select: none; position: relative; background: rgb(255, 255, 255);"
                       _echarts_instance_="ec_1715324042795">
                    <div
                      style="position: relative; overflow: hidden; width: 320px; height: 177px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;">

                    </div>
                    <div></div>
                  </div>
                </td>
              </tr>
              </tbody>
            </table>
          </td>
        </tr>
        </tbody>
      </table>
      <!-- .....................................................33333333333333333................................................... -->
      <table cellpadding="2" cellspacing="0" bordercolor="#000000"
             style="width: 100%; border-right:  2px solid black;  border-left: 2px solid black; border-top-style: none;  border-bottom: 2px solid black; border-collapse: collapse; margin: none;">
        <tbody>
        <tr>
          <td bgcolor="#ffffff" style="border-bottom:1px solid black;" height="50">
            <div style="width:100%; background-color:white;">
              检测结论：经检测，该原地面土最大干密度为1.89g/cm³，最佳含水率为11.6%。
            </div>
          </td>
          <td width="85" align="center" style="border-top-style: none;border-left:1px solid black;" rowspan="2">
            <img src="../../assets/logo/logo.png" border="0" style="height: 85px; width: 85px;">
          </td>
        </tr>
        <tr>
          <td style="border-style: none" bgcolor="#ffffff" height="30">
            <el-input type="textarea" v-model="fjsm" style="border-width:0px;height:100%;width:99%;"/>
          </td>
        </tr>
        </tbody>
      </table>
      <!-- .................................44444444444............................................. -->
      <table border="0" cellpadding="0" cellspacing="0" align="center"
             style="width: 100%; border-collapse:collapse;height:22px;">
        <tbody>
        <tr>
          <td width="10%" align="right">检测：</td>
          <td width="15%" align="left"></td>
          <td width="10%" align="right">记录：</td>
          <td width="15%" align="left"></td>
          <td width="10%" align="right">复核：</td>
          <td align="left" width="15%"></td>
          <td width="10%">日期：</td>
          <td align="left" width="15%">
            <el-input type="text" v-model="dateText" :readonly="readonly" style="height:20px;width:110px;"/>
          </td>
        </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
import topOperation from "./components/topOperation.vue";

export default {
  name: "soilTable",
  data() {
    return {
      oneTableData: {
        a: 'K39+820-K40+440原地面',
        b: 'JTG/T 3610-2019',
        c: '2022年03月09日',
        d: 'K40 + 406',
        e: '/',
      },
      twoTableData: {
        a1: '＜5',
        a2: '重型II - 1',
        a3: '997',
        a4: '4.5',
        a5: '40',
        a6: '/',
        a7: '/',
        a8: '/',
        a9: '7.8',
        a10: '9.6',
        a11: '11.8',
        a12: '14.2',
        a13: '16.5',
        a14: '/',
        a15: '1.75',
        a16: '1.86',
        a17: '1.89',
        a18: '1.85',
        a19: '1.75',
        a20: '/',
        a21: '7.6',
        a22: '9.4',
        a23: '11.6',
        a24: '14.8',
        a25: '16.6',
        a26: '/',
        a27: '1.73',
        a28: '1.84',
        a29: '1.89',
        a30: '1.82',
        a31: '1.74',
        a32: '/',
        a33: '11.6',
        a34: '1.89',
        a35: '11.5',
        a36: '1.89',
        a37: '11.7',
        a38: '1.89',
      },
      fjsm: '附加声明：/',
      dateText: '2024年05月10日',
      readonly: false
    };
  },
  components: {
    topOperation
  },
  methods: {
    hntzhonglei() {

    }
  },
};
</script>

<style scoped lang="scss">
@import url('./style/reportForm.scss');
</style>
